<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            变量：存储数据的容器。
           1.  数组：储存一组数据的容器。把多个数据放到一个变量里。
            变量：快递盒子。  数组：一车快递(拉快递的车子)。 
           2. 创建数组的方式。
                2.1 关键字 Array 
                2.2 字面量 [] 
           3. 元素：数组中的每一个值就是元素 
           4. 数组的长度：数组中元素的个数
           5. 索引(index)：元素在数组中的顺序(从零开始)
           6. 数组的访问。 ['李易峰', 23, '四川', '男']
           7. 数组中元素的访问：通过索引号。
               语法结构： 数组名[index]
           8. 访问数组中不存在元素：undefined
           9. 变量只声明，未赋值，就是 undefined 
           10. 数组中的变量是有序
           11. 元素与元素之间用逗号隔开
        */
        //  字面量：见名知义。 字符串必须用引号，数字直接写即可。 数组 []   
        // 入职登记   
        var myName = "王一博";        var age = 22;
        var address = "北京";
        var sex = "男";
        var name1 = "詹艳红";
        var name2 = "曹瑞雪";
        var name3 = "周静";
// 。。。。
        var info = ["李易峰", 23, "四川", "男"];
        console.log(info);
        console.log(info[0]);
        console.log(info[1]);
        console.log(info[2]);
        console.log(info[3]);
        console.log(info[4]);  // undefined
        // 排列顺序： 0        1    2      3

        // 2.1 关键字 Array 创建数组
        var arr = new Array();  // 创建了一个空的数组。一辆空的快递车。
        // 2.2 字面量 []
        var arr2 = [];  // 创建了一个空的数组。

        console.log('---------------------');
        var phone;
        console.log(phone);


        // 变量就是快递
        // 数组就是一辆车，装了好多快递。
        var myName = "李易峰";
        var age = 22;
        var address = "北京";
        var sex = "男";

        var info = ["李易峰", 23, "北京", "男"];
    //             info[0], info[1], info[2], info[3]
    // info[0] = "李易峰";
    // info[1] = 23;
    // info[2] = "北京";
    // info[3] = "男";

    // 数组就是里面存放了多个变量。

    </script>

</body>
</html>